Vue.component('children-form', {
    template: `
           <el-row>
                <el-col :span="12">
                    <el-form-item label="标题" prop="input5" form-type="children-form" children-table-name="children1">
                        <el-input size=\"medium\" v-model=\"formData.input5\" placeholder=\"请输入内容\" />
                    </el-form-item>
                    <el-form-item label="标题" prop="input6" form-type="children-form">
                        <el-input size=\"medium\" v-model=\"formData.input6\" placeholder=\"请输入内容\" />
                    </el-form-item>
                    <el-form-item label="标题" prop="input7" form-type="children-form">
                        <el-input size=\"medium\" v-model=\"formData.input7\" placeholder=\"请输入内容\" />
                    </el-form-item>
                    <el-form-item label="标题" prop="input8" form-type="children-form">
                        <el-input size=\"medium\" v-model=\"formData.input8\" placeholder=\"请输入内容\" />
                    </el-form-item>
                </el-col>
           </el-row> 
        `,
    props: {
        formData: {
            type: Object,
            default: {}
        }
    }
})
